/**
 * @Author: zkz
 * @CreateTime: 2021-10-14 16:23:59
 * @Description: 页面路由配置
 */
import Layout from '@/pages/Layout';
import Login from '@/pages/Login';
// import Home from '@/pages/Home';
// import Article from '@/pages/Article';
// import Publish from '@/pages/Publish';
import { createBrowserRouter } from 'react-router-dom';
import { AuthRoute } from '@/components/AuthRoute';
import { lazy, Suspense } from 'react';
// lazy实现路由懒加载
const Home = lazy(() => import('@/pages/Home'));
const Article = lazy(() => import('@/pages/Article'));
const Publish = lazy(() => import('@/pages/Publish'));
const router = createBrowserRouter([
    {
        path: '/',
        element: <AuthRoute><Layout /></AuthRoute>,
        children: [
            {
                index: true,
                element: <Suspense fallback={'加载中'}><Home /></Suspense>,
            },
            {
                path: '/article',
                element: <Suspense fallback={'加载中'}><Article /></Suspense>,
            },
            {
                path: '/publish',
                element: <Suspense fallback={'加载中'}><Publish /></Suspense>,
            },
        ],
    },
    {
        path: '/login',
        element: <Login />,
    }
])

export default router;